<%--
  Created by IntelliJ IDEA.
  User: 30462
  Date: 2023/12/20
  Time: 8:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
     <script src="static/js/echarts.min.js"></script>
    <title>超市商品信息实时统计系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <!-- <link href="static/css/reset.css" rel="stylesheet" type="text/css" media="screen"> -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <!-- <link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
    <!-- <link href="static/css/contact.css" rel="stylesheet" type="text/css" media="screen"> -->
    <link href="static/css/styles.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/responsive.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/css.css" rel="stylesheet">
    <link href="static/css/css1.css" rel="stylesheet">
    <link href="static/css/css2.css" rel="stylesheet">
    <script src="static/js/modernizr.js" type="text/javascript"></script>
</head>
<body class="amiri">
<script>
    function refreshPage() {
        location.reload();
    }

    setTimeout(refreshPage, 5000);
</script>
<div id="nav-wrapper">

    <nav id="main-nav">
        <ul>
            <li> <a href="index.html" >index</a></li>
            <li> <a href="shelf_info.jsp">商品在架信息</a></li>
            <li> <a href="commodity_count.jsp">商品数量</a> </li>
            <li> <a href="commodity_type.jsp">商品分类</a> </li>
            <li> <a href="item_number_info.jsp" >货品号信息</a></li>
            <li> <a href="item_number_commodity.jsp">货品号商品</a> </li>
        </ul>
    </nav>
</div>
<div id="content-overlay"></div>
<div id="wrap">
    <div id="menu-button">
        <div class="centralizer">
            <div class="cursor">
                <div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div>
            </div>
        </div>
    </div>
    <div >
        <div class="full-width intro">
            <div class="full-height not-completely-full">
                <div class="fixed">
                    <figure class="background-image3 parallax parallax-banner"></figure>
                </div>
                <div class="full-height-wrapper white-text">
                    <div class="parent">
                        <div class="bottom">
                            <div class="container">
                                <div class="animatedblock delay2 animatedUp">
                                    <div class="col-lg-6 col-md-offset-1 col-md-7">
                                        <div class="banner-textblock">
                                            <p class="large">所有商品上、下架信息</p>
                                            <h1 class="header">This page is shelf_info</h1>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>
        </div>
    </div>

        <div id="white1" style="width: 100%;height: 800px;background-color: white">
            <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
            <div id="main" style="width: 700px;height:700px; top: 0;bottom: 0;left: 0;right: 0;margin: auto;"></div>
            <script type="text/javascript">
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('main'));
                // 指定图表的配置项和数据
                var option = {
                    legend: {
                        top: 'bottom'
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            mark: { show: true },
                            dataView: { show: true, readOnly: false },
                            restore: { show: true },
                            saveAsImage: { show: true }
                        }
                    },
                    series: [
                        {
                            name: 'Nightingale Chart',
                            type: 'pie',
                            radius: [50, 250],
                            center: ['50%', '50%'],
                            roseType: 'area',
                            itemStyle: {
                                borderRadius: 8
                            },
                            data: [
                                { value: 40, name: 'rose 1' },
                                { value: 38, name: 'rose 2' },
                                { value: 32, name: 'rose 3' },
                                { value: 30, name: 'rose 4' },
                                { value: 28, name: 'rose 5' },
                                { value: 26, name: 'rose 6' },
                                { value: 22, name: 'rose 7' },
                                { value: 18, name: 'rose 8' }
                            ]
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            </script>
        </div>
    </div>


        <script src="static/js/jquery-1.12.4.min.js" type="text/javascript"></script>
        <script src="static/js/main.js" type="text/javascript"></script>
</body>
</html>
